<include file='Public:Header' />
<script>
/*******addsite2********/

$(document).ready(function() { 
	$('#submit2').click(function(){
		var b = function(){
			var options = { 
				beforeSubmit:  showRequest,
				success: showResponse1
			}; 
			$('.addsite2').ajaxSubmit(options); 
			return false; 
		}
		$.fallr("show", {
					buttons: {
						button1: {
							text: "是",
							danger: true,
							onclick: b
						},
						button2: {
							text: "否",
							onclick: function() {
								$.fallr("hide")
							}
						}
					},
					content: '<p class="hidec">请点击"是"开始安装！</p><div id="prompt"><div style=" display:none;" class="success1">文件传送成功！</div><div class="error">文件传送失败！</div><div id="load" style=" display:none;">文件上传需要几分钟的时间，请您耐心等待！正在上传....</div></div>安装进度：<span class="progressBar" id="spaceused1">0%</span>',
					icon: "error"
		})	
	})
	
});

function showRequest(formData, jqForm, options) {
	$('.hidec').hide(); 
	$('#load').show();
    return true; 
} 
function showResponse1(responseText, statusText, xhr, $form)  {
	
	$('#load').hide();
	if(responseText == 1)
	{
		$('#prompt .success1').show('slow').delay(3000).slideUp();
		$("#spaceused1").progressBar(65);
		$.ajax({
			url:'__URL__/uploadPlguin',
			type: 'POST',
			dataType: 'html',
			timeout: 10000,
			error: function(){
			alert('Error loading XML document');
			},
			success: function(html){
				$('#spaceused1').progressBar(100);
			}
		});
//		setTimeout(function(){
//			$.fallr("hide");	
//		},5000)
			
	}
	else{
		alert('ok');	
	}
} 
</script>
<div id=main_content>
<h2 class="grid_12"><!--添加网站 --></h2>
<div class=clean></div>

<div class="grid_11">
<div class="box">
<div class="header"> <img src="__ROOT__/Public/images/application-form.png" alt="" width=16 height=16>
<h3>添加网站</h3>
</div>
<form class="validate addsite addsite2" method="post" autocomplete="off" id="addsite2" action="__URL__/doAddSite2" >
<!-- step 2 begin -->
<div class="content no-padding steptwo">

<h3 class="adds_title">选择安装程序系统</h3>
<!-- one select begin -->
<div class="section _100">
<div>
<div class="input selectsys">
<ul>
<li><a href="#" title="点击浏览官网"><img src="__ROOT__/Public/images/systems/wp.png " alt="wordpress系统" title="wordpress系统"  /></a><br>
<input onclick="$('.sysone').slideDown('slow'),$('.systwo').hide(),$('.systhree').hide(),$('.steptwo').show()" name="htmltext" type="radio" /></li>
<li><a href="#" title="点击浏览官网"><img src="__ROOT__/Public/images/systems/shopex-logo.png " alt="shopex系统" title="shopex系统"  /></a><br>
<input onclick="$('.systwo').slideDown('slow'),$('.sysone').hide(),$('.systhree').hide(),$('.steptwo').show()" name="htmltext" type="radio" /></li>
<li><a href="#" title="点击浏览官网"><img src="__ROOT__/Public/images/systems/opencart-logo.png " alt="opentcart系统" title="opentcart系统"  /></a><br>
<input onclick="$('.systhree').slideDown('slow'),$('.sysone').hide(),$('.systwo').hide(),$('.steptwo').show()" name="htmltext" type="radio" /></li>
</ul>
<div class=clean></div>
</div>
<div class=clean></div>
</div>
</div>
<!-- 1 -->
<h3 class="adds_title sysone" style="display:none;">WordPress配置信息</h3>
<div class="section _100 sysone" style="display:none;">
<label> 选择主题模板 </label>
<div class="selecthem">
<ul>
<li><a href="#" title="点击预览"><img src="__ROOT__/Public/images/themes/example.png" alt="wordpress系统" title="点击预览"  /></a><br>
<div class="themename">主题1</div><input name="themes" type="radio" value="ttway" checked="checked" /></li>
<li><a href="#" title="点击预览"><img src="__ROOT__/Public/images/themes/example.png " alt="shopex系统" title="点击预览"  /></a><br>
<div class="themename">主题2</div><input name="themes" type="radio" value="2" /></li>
<li><a href="#" title="点击预览"><img src="__ROOT__/Public/images/themes/example.png " alt="opentcart系统" title="点击预览" /></a><br>
<div class="themename">主题3</div><input name="themes" type="radio" value="3" /></li>
<li><a href="#" title="点击预览"><img src="__ROOT__/Public/images/themes/example.png " alt="opentcart系统" title="点击预览" /></a><br>
<div class="themename">主题4</div><input name="themes" type="radio" value="4" /></li>
</ul>
<ul>
<li><a href="#" title="点击预览"><img src="__ROOT__/Public/images/themes/example.png" alt="wordpress系统" title="点击预览"  /></a><br>
<div style="text-align:center;">主题5</div><input name="themes" type="radio" value="5" /></li>
<li><a href="#" title="点击预览"><img src="__ROOT__/Public/images/themes/example.png " alt="shopex系统" title="点击预览"  /></a><br>
<div style="text-align:center;">主题6</div><input name="themes" type="radio" value="6" /></li>
<li><a href="#" title="点击预览"><img src="__ROOT__/Public/images/themes/example.png " alt="opentcart系统" title="点击预览" /></a><br>
<div style="text-align:center;">主题7</div><input name="themes" type="radio" value="7" /></li>
<li><a href="#" title="点击预览"><img src="__ROOT__/Public/images/themes/example.png " alt="opentcart系统" title="更多" /></a></li>
</ul>
<div class=clean></div>
</div>
<div class=clean></div>
</div>

<div class="section _100 sysone" style="display:none;">
<label> 选择常用插件 </label>
<div class="selecthem">
<ul>
<li><span>All in One SEO Pack</span><input class="pluginstyle" name="seo" type="checkbox" value="seo" /></li>
<li><span>Contact Form 7</span><input class="pluginstyle" name="contact_form" type="checkbox" value="contactform" /></li>
<li><span>Share / Bookmark</span><input class="pluginstyle" name="bookmark" type="checkbox" value="bookmark" /></li>
<li><span>Google XML Sitemaps</span><input class="pluginstyle" name="google_sitemap" type="checkbox" value="googlesitemap" /></li>
</ul>

<ul>
<li><span>WP Super Cache</span><input class="pluginstyle" name="cache" type="checkbox" /></li>
<li><span>Fancy Box</span><input class="pluginstyle" name="fancybox" type="checkbox" /></li>
<li><span>WP-PageNavi</span><input class="pluginstyle" name="pagenavi" type="checkbox" /></li>
<li><input name="moreplugin" class="pluginmore" type="button" value="更多" /></li>
</ul>
<div class=clean></div>
</div>
<div class=clean></div>
</div>

<div class="section _100 sysone" style="display:none;">
<label> 使用样例数据: </label>
<div class="demodata">
<input name="demodata" type="checkbox" class="" />
</div>
</div>
<div class="section _100 sysone" style="display:none;">
<label> 查看网站地址: </label>
<div class="sawsite">
<span>网站前台：</span><a href="#">http://www.xxx.com</a><br />
<span>网站后台：</span><a href="#">http://www.xxx.com/wp-admin</a>
</div>
</div>


<!-- 2 -->
<h3 class="adds_title systwo" style="display:none;">ShopEx配置信息</h3>
<div class="section _100 systwo" style="display:none;">
<label> Text field two </label>
<div>
<input class="" name="ftp_address" />
</div>
</div>

<!-- 3 -->
<h3 class="adds_title systhree" style="display:none;">OpenCart配置信息</h3>
<div class="section _100 systhree" style="display:none;">
<label> Text field three </label>
<div>
<input class="" name="ftp_address" />
</div>

</div>
<!-- one select end -->
<!-- two select begin -->
<!--<div class="section _100">
<div>
<div class="input selectsys">
<ul>
<li><a href="#" title="点击浏览官网"><img src="__ROOT__/Public/images/systems/wp.png " alt="wordpress系统" title="wordpress系统"  /></a><br>
<input name="htmltext" type="radio" /></li>
<li><a href="#" title="点击浏览官网"><img src="__ROOT__/Public/images/systems/shopex-logo.png " alt="shopex系统" title="shopex系统"  /></a><br>
<input name="htmltext" type="radio" /></li>
<li><a href="#" title="点击浏览官网"><img src="__ROOT__/Public/images/systems/opencart-logo.png " alt="opentcart系统" title="opentcart系统"  /></a><br>
<input name="htmltext" type="radio" /></li>
</ul>
<div class=clean></div>
</div>
<div class=clean></div>
</div>
</div>-->
<!-- two select end -->

<!--<div class="section _100">
<label> Text field </label>
<div>
<input class="" name="host_username" />
</div>
</div>
<div class="section _100">
<label> Text field </label>
<div>
<input class="" name="host_psw" />
</div>
</div>
<h3 class="adds_title">输入信息二 </h3>
<div class="section _100">
<label> Text field </label>
<div>
<input class="" name="ftp_address" />
</div>
</div>
<div class="section _100">
<label> Text field </label>
<div>
<input class="" name="ftp_username" />
</div>
</div>
<div class="section _100">
<label> Text field </label>
<div>
<input class="" name="ftp_psw" />
</div>
</div>
<h3 class="adds_title">输入信息三 </h3>
<div class="section _100">
<label> Text field </label>
<div>
<input class="" name="db_username" />
</div>
</div>
<div class="section _100">
<label> Text field </label>
<div>
<input class="" name="db_psw" />
</div>
</div>
-->

</div>
</form>
<div class="actions steptwo" style="display:none;">
<div class="actions-left">
<input style="float:left;" type="button" value="返回" name="submit" onclick="window.location='__URL__/addSite'" />
</div>
<div class="actions-right">
<div style="float:left; margin-left:20px;"><input type="button" value="安装" name="submit" id="submit2" /></div>
</div>
</div>
<!-- step 2 end   -->
</div>
</div>
<div class=clear></div>
</div>
<include file="Public:Footer" />
<!--<div class="section _100"> 
<span class="label">Newsletter type</span>
<div>
<div class=input>
<label><input name="htmltext" type="radio" />Email </label>
<label><input name="htmltext" type="radio" />HTML  </label>
</div>
</div>
</div>
<div class="section _100">
<label for=date> Date Picker </label>
<div>
<input id=date type=date class=required data-date-relative=now>
</div>
</div>
<div class="section _100">
<label for="datetime"> Date and Time Picker </label>
<div>
<input id=datetime type=datetime class=required data-date-relative=now>
</div>
</div>
<div class="section _100">
<label for=time> Time Picker </label>
<div>
<input id=time type=time class=required data-date-relative=now>
</div>
</div>
<div class="section _100">
<label for=timeampm> Time Picker (am/pm) </label>
<div>
<input id=timeampm type=time class=required data-date-relative=now data-timeformat=12>
</div>
</div>
<div class="section _100">
<label> Color selection </label>
<div>
<input name=color type=color>
</div>
</div>-->